@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
	input:not([type='checkbox'], [type='radio']),
	select,
	select[multiple],
	textarea {
		@apply mt-1 focus:ring-indigo-500 focus:border-indigo-500;
		@apply block w-full shadow-sm lg:text-sm border-gray-300 rounded-md;
	}

	input[type='checkbox'],
	input[type='radio'] {
		@apply h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded;
	}

	section + section {
		@apply border-t border-gray-200;
	}
}
